
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>客服中心</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/tab.js"></script>

</head>
<body>

<section class="aui-flexView"><!-- 
	<header class="aui-navBar aui-navBar-fixed">
		<a href="javascript:;" class="aui-navBar-item">
			<i class="icon icon-return"></i>
		</a>
		<div class="aui-center">
			<span class="aui-center-title">客服中心</span>
		</div>
		<a href="javascript:;" class="aui-navBar-item">
			<i class="icon icon-share"></i>
		</a>
	</header> -->
	<section class="aui-scrollView">
		<div class="aui-author-box">
			<div class="aui-author-data">
				<div class="aui-flex">
					<div class="aui-author-img">
						<img src="images/user.png" alt="">
					</div>
					<div class="aui-flex-box">
						<h2>北京国富信安何一诺</h2>
						<p>北京国富信安</p>
						<h3>关注: <em>9723</em>粉丝: <em>2389</em></h3>
						<h4>
							<i>顾问星级: </i>
							<em>
								<img src="images/st-01.png" alt="">
								<img src="images/st-02.png" alt="">
								<img src="images/st-02.png" alt="">
								<img src="images/st-02.png" alt="">
								<img src="images/st-02.png" alt="">
							</em>
						</h4>
					</div>
				</div>
			</div>
		</div>
		<div class="aui-palace aui-palace-one">
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-text">
					<h2><em>18</em>人</h2>
				</div>
				<div class="aui-palace-grid-text">
					<p>在线咨询</p>
				</div>
			</a>
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-text">
					<h2><em>23</em>天(平均)</h2>
				</div>
				<div class="aui-palace-grid-text">
					<p>七天回复速度</p>
				</div>
			</a>
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-text">
					<h2><em>79</em>%</h2>
				</div>
				<div class="aui-palace-grid-text">
					<p>七天在线回复率</p>
				</div>
			</a>
		</div>
		<div class="divHeight"></div>
		<div class="aui-tab" data-ydui-tab>
			<ul class="tab-nav b-line">
				<li class="tab-nav-item tab-active">
					<a href="javascript:;">
						<span>商品详情</span>
					</a>
				</li>
				<li class="tab-nav-item">
					<a href="javascript:;">
						<span>问答</span>
					</a>
				</li>
				<li class="tab-nav-item">
					<a href="javascript:;">
						<span>动态</span>
					</a>
				</li>
			</ul>
			<div class="tab-panel">
				<div class="tab-panel-item tab-active">
					<div class="aui-list-theme">
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-001.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>Polo </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-002.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>大众朗逸</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-003.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>速腾 </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-004.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-005.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-006.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-001.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>Polo </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-002.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>大众朗逸</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-003.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>速腾 </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-004.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-005.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-006.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
					</div>
				</div>
				<div class="tab-panel-item">
					<div class="aui-list-theme">
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-001.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>Polo </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-002.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>大众朗逸</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-003.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>速腾 </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-004.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-005.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-006.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-001.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>Polo </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-002.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>大众朗逸</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-003.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>速腾 </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-004.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-005.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-006.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
					</div>
				</div>
				<div class="tab-panel-item">
					<div class="aui-list-theme">
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-001.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>Polo </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-002.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>大众朗逸</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-003.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>速腾 </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-004.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-005.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-006.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-001.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>Polo </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-002.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>大众朗逸</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-003.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>速腾 </h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-004.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-005.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
						<a href="javascript:;" class="aui-list-theme-item">
							<div class="aui-list-img">
								<img src="images/car-006.png" alt="">
							</div>
							<div class="aui-list-title">
								<h3>上汽大众-途岳</h3>
								<p><em>7.59-14.69万</em></p>
							</div>
						</a>
					</div>
				</div>

			</div>
		</div>
		<div style="height:55px;"></div>

	</section>
	<footer class="aui-footer aui-footer-fixed">
		<a id="ClickMe"  class="aui-tabBar-item aui-tabBar-item-zero">
			<button type="button" id="ClickMe" class="aui-tabBar-item-text" > <i class="icon-evn"></i> +加微信好友</button>
		</a>
		<a href="javascript:;" class="aui-tabBar-item aui-tabBar-item-one">
			<span class="aui-tabBar-item-text"><i class="icon-nil"></i> 在线聊天</span>
		</a>

	</footer>
</section>
	
	<div id="goodcover"></div>
	
<div id="code">
  <div class="close1"><a href="javascript:void(0)" id="closebt"><img src="images/close.gif"></a></div>
  <div class="goodtxt">
    <p>长按识别加微信好友</p>
    <p>专属客服一对一服务</p>
   
  </div>
  <div class="code-img"> <img id="ewmsrc"  src="images/5755.jpg"/></div>
</div>

<script>

$(function() {
    //alert($(window).height());
	
    $('#ClickMe').click(function() {
        $('#code').center();
        $('#goodcover').show();
        $('#code').fadeIn();
    });
    $('#closebt').click(function() {
        $('#code').hide();
        $('#goodcover').hide();
    });
	$('#goodcover').click(function() {
        $('#code').hide();
        $('#goodcover').hide();
    });
    /*var val=$(window).height();
	var codeheight=$("#code").height();
    var topheight=(val-codeheight)/2;
	$('#code').css('top',topheight);*/
    jQuery.fn.center = function(loaded) {
        var obj = this;
        body_width = parseInt($(window).width());
        body_height = parseInt($(window).height());
        block_width = parseInt(obj.width());
        block_height = parseInt(obj.height());

        left_position = parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
        if (body_width < block_width) {
            left_position = 0 + $(window).scrollLeft();
        };

        top_position = parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
        if (body_height < block_height) {
            top_position = 0 + $(window).scrollTop();
        };

        if (!loaded) {

            obj.css({
                'position': 'absolute'
            });
            obj.css({
                'top': ($(window).height() - $('#code').height()) * 0.5,
                'left': left_position
            });
            $(window).bind('resize', function() {
                obj.center(!loaded);
            });
            $(window).bind('scroll', function() {
                obj.center(!loaded);
            });

        } else {
            obj.stop();
            obj.css({
                'position': 'absolute'
            });
            obj.animate({
                'top': top_position
            }, 200, 'linear');
        }
    }
	
	
})

window.onload = function()  { 
	sleep(3000);
    $('#ClickMe').click();
}; 
function sleep(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return true;
    }
}


</script>
</body>

</html>
